.sidebar-nav__selected {
    >.sidebar-nav__sub-title {
        background-color: #3aa0ff;
    }
    >.sidebar-nav__item-link {//一级
        color           : #fff;
        background-color: #3aa0ff;
    }
    .sidebar-nav__sub{//二级
        >.sidebar-nav__selected{
            >.sidebar-nav__item-link{
                background-color: #5eb2ff;
            }
            >.sidebar-nav__sub{//三级
                >.sidebar-nav__selected{
                    >.sidebar-nav__item-link{
                        background-color: #8dc8ff;
                    }
                }
            }
        }
    }
}

.sidebar-nav__item {
    border-left: 0;
    >a {
        padding    : 14px 16px;
        font-weight: bold;
        // margin     : 1px 0;

        >span {
            font-size: 16px;
        }

        &:hover {
            color           : #1890ff;
            background-color: #cfe8ff;
            // text-shadow:1px 1px 0 #666;
        }
    }

    .sidebar-nav__sub-title:hover {
        color           : #1890ff;
        background-color: #cfe8ff;
        // text-shadow:1px 1px 0 #666;
    }
}

li.sidebar-nav__open {
    >a {
        color           : #fff;
        background-color: #3aa0ff;

        &:hover {
            color           : #fff;
            background-color: #3aa0ff;
        }
    }

    >a.sidebar-nav__sub-title {
        background-color: #3aa0ff;
    }
}

.sidebar-nav__open>ul>.sidebar-nav__selected>ul>.sidebar-nav__selected {
    background-color: #3aa0ff;
    color           : #fff;

    &:hover {
        color           : #fff;
        background-color: #3aa0ff;
    }
}